<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>前端开发</title>
<script src="PUBLIC_HOME/js/jquery.js"></script>
<link href="PUBLIC_HOME/css/comment.css" rel="stylesheet">
<style>
.banner{ background-color:#730986; position:50%; margin-left:-250px;}

.containt{ background-color:#560960;}
.box{ width:1000px;  margin-left:auto; margin-right:auto;}
.centent{ width:202px; height:62px; margin-left:90px; float:left; margin-bottom:9px; margin-top:9px;}
.cententsmall{ width:72px; height:52px; margin-left:10px; margin-bottom:5px; margin-top:5px;}
.cententbg{ background-color:#915a9b}
.cententsmalla{ font-family:"微软雅黑"; font-size:14px; color:#FFF; line-height:62px; margin-left:15px;}
.cententsmall, .cententsmalla{ float:left;}

.business{ background-color:#f0f0f0;}
.businessbox{ width:1000px; margin-left:auto; margin-right:auto; padding-bottom:30px; padding-top:40px;}
.smalllogo{ float:left;}
.busunesstext{ font-family:"微软雅黑"; font-size:36px; color:#202020; float:left; margin-top:-6px; margin-left:10px; margin-right:10px;}
.busunesstextsmall{ color:#515151; float:left; margin-top:-1px; margin-left:-40px;}
.busunesstextsmall li{ font-family:"微软雅黑"; font-size:14px; width:701px; color:#202020; }
.mare{ float:right;}
.productboxbig{ height:190px;}
.productbox{  float:left; width:123px; height:86px; background-color:#00a9ec; margin-top:20px; margin-left:2px; }
.product{ margin-left:32px; margin-top:10px; height:50px; }
.producttitle{ font-family:"微软雅黑"; font-size:14px; color:#FFF;  text-align:center; margin-top:3px;}
.current1{ background-color:#4b4b4b;}

.project{ background-color:#212121;}
.projectbox{ width:1000px; margin-left:auto; margin-right:auto; padding-top:35px; padding-bottom:28px;}
.psmalllogo{ float:left;}
.pbusunesstext{ font-family:"微软雅黑"; font-size:36px; color:#939393; float:left; margin-top:-6px; margin-left:10px; margin-right:10px;}
.pbusunesstextsmall{ color:#939393; float:left; margin-top:-1px; margin-left:-40px;}
.pbusunesstextsmall li{ font-family:"微软雅黑"; font-size:14px; width:697px; color:#CCC;}
.pmare{ float:right;}
.fileimage{ background-color:#212121;}
.fileimagebox{ position:relative; width:1280px; margin-left:auto; margin-right:auto;}
.fileimagebig{ position:absolute; left:50%; margin-left:-500px; width:1000px; height:480px; opacity:0;}
.fileimagea{ width:226px; height:159px; margin:2px; display:block; float:left; cursor:pointer;}
.fileimageother{ width:63px; height:159px; margin:2px; display:block; float:left; cursor:pointer;}
.otherL{ margin-left:0px;}
.otherR{ margin-right:0px;}
.fileimagebox *{ overflow:hidden;}
.fileimageboxpadding{ padding-bottom:30px;}

.news{ background-color:#bcbcbc; margin-top:0px;}
.newspadding{ margin-top:30px; margin-bottom:50px; }
.newsbigbox{ width:1000px; margin-left:auto; margin-right:auto;}
.smalllogo{ float:left; }
.busunesstext{ font-family:"微软雅黑"; font-size:36px; color:#202020; float:left; margin-top:-6px; margin-left:10px; margin-right:10px;}
.newstextsmall{ color:#515151; float:left; margin-top:-1px; margin-left:-40px;}
.newstextsmall li{ font-family:"微软雅黑"; font-size:14px; width:697px; color:#202020; }
.mare{ float:right;}
.newbox{ width:1000px; background-color:#FFF; margin-top:60px;}
.newsimagebox{ width:300px; height:436px; margin-bottom:24px; margin-left:20px; margin-top:30px; margin-right:10px; float:left; position:relative; }
.ctrl{position:absolute; left:10px; bottom:10px;}
.ctrl span{ float:left;  width:15px; height:15px; background-color:#333; margin-right:5px; }
.ctrl .current{ background-color:#05a7e5;}
.newsright{ width:645px; height:436px; margin-top:30px; float:left; overflow:hidden;}
.newsright .rightbox{ }
.newsright .rightboxother{}
.newsimagesmall{ width:105px; height:74px; float:left; margin-right:20px;}
.newstext{ width:515px; height:74px; float:left; overflow:hidden;}
.newstext h1{ font-family:"微软雅黑"; font-size:14px; color:#333; cursor:pointer; }
.newstext h2{ font-family:"宋体"; font-size:12px; color:#999; margin-bottom:3px;}
.newstext p{ font-family:"宋体"; font-size:12px; color:#999; line-height:18px;}
.newsline{ width:645px; height:1px; background-color:#e1e1e1; margin-top:20px; float:left; margin-bottom:19px;}
.newslineother{ width:645px; height:1px; background-color:#999;float:left; margin-top:19px;}
.current2{ color:#09F;  font-family:"微软雅黑"; font-size:14px; cursor:pointer; }

.service{ background-color:#f2f2f2; margin-top:0px;}
.newspadding{ margin-top:30px; margin-bottom:50px; }
.newsbigbox{ width:1000px; margin-left:auto; margin-right:auto;}
.smalllogo{ float:left; }
.busunesstext{ font-family:"微软雅黑"; font-size:36px; color:#202020; float:left; margin-top:-6px; margin-left:10px; margin-right:10px;}
.servicetextsmall{ color:#515151; float:left; margin-top:-1px; margin-left:-40px;}
.servicetextsmall li{ font-family:"微软雅黑"; font-size:14px; width:695px; color:#202020; }
.mare{ float:right;}
.servicebox{ margin-top:50px;}
.servicebox a{ font-family:"微软雅黑"; font-size:18px; color:#05a7e5;}
.servicebox img{ margin-left:20px; margin-bottom:20px;}
.serviceboxother{ margin-top:50px;}
.serviceboxother a{ color:#999;  font-family:"微软雅黑"; font-size:18px;}
.serviceboxotherfont{ margin-left:42px;}
.serviceboxother img{ margin-left:-23px; margin-bottom:20px;}
.leftmaginother{ margin-left:-22px;}


.cooperation{ background-color:#FFF; margin-top:0px;}
.newspadding{ margin-top:30px; margin-bottom:50px; }
.newsbigbox{ width:1000px; margin-left:auto; margin-right:auto;}
.smalllogo{ float:left; }
.busunesstext{ font-family:"微软雅黑"; font-size:36px; color:#202020; float:left; margin-top:-6px; margin-left:10px; margin-right:10px;}
.cooperationtextsmall{ color:#515151; float:left; margin-top:-1px; margin-left:-40px;}
.cooperationtextsmall li{ font-family:"微软雅黑"; font-size:14px; width:685px; color:#202020; }
.mare{ float:right;}
.cooperationboxtop{ margin-top:70px;}
.cooperationbox{ width:1001px;}
.cooperationboximg{ width:199px; height:100px; border:#999 solid 1px; float:left; overflow:hidden; margin-top:-1px;}
.cooperationboxother{  width:198px; height:100px; margin-top:-1px; overflow:hidden; border:#999 solid 1px; float:left; overflow:hidden; margin-left:-1px;}
 
</style>
</head>

<body>

<!-- 头部开始 -->
<include file="Public/top" />
<!-- 头部结束 -->

<div class="banner overflowH"><img src="PUBLIC_HOME/images/photo_03_02.png"></div>

<div class="containt">
  <div class="box overflowH">
    <div class="centent cententbg">
      <div class="cententsmall"><img src="PUBLIC_HOME/images/photo_07.png"></div>
      <a href="#"  class="cententsmalla">新闻资讯</a>
    </div>
    <div class="centent">
      <div class="cententsmall"><img src="PUBLIC_HOME/images/photo_09.png"></div>
      <a href="#"  class="cententsmalla">业务范围</a>
    </div>
    <div class="centent">
      <div class="cententsmall"><img src="PUBLIC_HOME/images/photo_11.png"></div>
      <a href="#"  class="cententsmalla">项目案例</a>
    </div>
  </div>
</div>

<div class="business">
  <div class="businessbox overflowH">
    <div class="fl"> 
        <div class="fl"> 
          <div class="smalllogo"><img src="PUBLIC_HOME/images/tubaio1.png"></div>
          <div class="busunesstext">业务范围</div>
          <ul class="busunesstextsmall">
          <li>我们能做的，就是就是至臻至美</li>
          <li>We can do is to perfection</li>
          </ul>
        </div>
        <div class="mare"><a href="business.html" ><img src="PUBLIC_HOME/images/more.png"></a></div>
     </div>
    <div class="productboxbig">
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business1.png"></div>
          <div class="producttitle">虚拟现实</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business2.png"></div>
          <div class="producttitle">二维动画</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business3.png"></div>
          <div class="producttitle">三维动画</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business4.png"></div>
          <div class="producttitle">摄影技术</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business5.png"></div>
          <div class="producttitle">宣传片</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business6.png"></div>
          <div class="producttitle">广告片</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business7.png"></div>
          <div class="producttitle">数字展厅</div>
       </div>
       <div class="productbox">
          <div class="product"><img src="PUBLIC_HOME/images/business8.png"></div>
          <div class="producttitle">游戏开发</div>
       </div>
     </div>
  </div>
</div>

<div class="overflowH"><img src="PUBLIC_HOME/images/projectbg.png"></div>
<div class="project">
  <div class="projectbox overflowH">
    <div class="fl projectmagin"> 
        <div class="fl"> 
          <div class="psmalllogo"><img src="PUBLIC_HOME/images/tubiao2.png"></div>
          <div class="pbusunesstext">项目案例</div>
          <ul class="pbusunesstextsmall">
          <li>我们的作品，他们的故事</li>
          <li>Our work, their stories</li>
          </ul>
        </div>
        <div class="pmare"><a href="project.html" ><img src="PUBLIC_HOME/images/more.png"></a></div>
     </div>
  </div>
</div>
<div class="fileimage"> 
  <div class="fileimagebox overflowH">
    <div class="fileimagebig overflowH">
        <img src="PUBLIC_HOME/images/businessimg_03.png">
        <img src="PUBLIC_HOME/images/about.png">
        <img src="PUBLIC_HOME/images/about_03.png">
        <img src="PUBLIC_HOME/images/about1.png">
        <img src="PUBLIC_HOME/images/about.png">
    </div>
    <div class=" fileimageboxpadding">
      <a class="fileimageother otherL"> <img src="PUBLIC_HOME/images/file_04.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_19.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_21.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_23.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_25.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_27.png"></a>
      <a class="fileimageother otherR"> <img src="PUBLIC_HOME/images/file_06.png"></a>
      <a class="fileimageother otherL"> <img src="PUBLIC_HOME/images/file_10.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_40.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_41.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_42.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_43.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_44.png"></a>
      <a class="fileimageother otherR"> <img src="PUBLIC_HOME/images/file_09.png"></a>
      <a class="fileimageother otherL"> <img src="PUBLIC_HOME/images/file_13.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_56.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_57.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_58.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_59.png"></a>
      <a class="fileimagea"> <img src="PUBLIC_HOME/images/photo_60.png"></a>
      <a class="fileimageother otherR"> <img src="PUBLIC_HOME/images/file_15.png"></a>
    </div>
  </div>   
</div> 
<div class="overflowH"><img src="PUBLIC_HOME/images/projectbg1.png"></div>     


<div class="news">
  <div class="newsbigbox overflowH">
      <div class="newspadding overflowH">
             <div class="fl"> 
              <div class="fl"> 
                <div class="smalllogo"><img src="PUBLIC_HOME/images/tubiao3.png"></div>
                <div class="busunesstext">新闻资讯</div>
                <ul class="newstextsmall">
                <li>关注我们、关注前沿</li>
                <li>Recently to do</li>
                </ul>
              </div>
           <div class="mare"><a href="news.html" ><img src="PUBLIC_HOME/images/more.png"></a></div>
      </div>   
            <div class="newbox overflowH">
                  <div class="newsimagebox overflowH ">
                     <img src="PUBLIC_HOME/images/photo_71.png">
                     <img src="PUBLIC_HOME/images/indexnews1.png">
                     <img src="PUBLIC_HOME/images/indexnews2.png">
                     <div class="ctrl">
                          <span></span>
                          <span class="current"></span>
                          <span></span>
                     </div>
                  </div>
              
            <div class="newsright">
              <div class="rightbox">
               <div cl class="newsimagesmall"><img src="PUBLIC_HOME/images/photo_73.png"></div>
               <div class="newstext">
                  <h1>庆贺拍摄王者陶瓷广告圆满成功</h1>
                  <h2>2015-10-10</h2>
                  <p>王者陶瓷来自全国最大的建筑陶瓷产区——广东佛山，自2000年成立以来，以做“世界领先的陶瓷制造商和具有全球竞争力的销售集团”为发展愿景，致力于发展高水平的民族......</p>
               </div> 
               <div class="newsline"></div>
              </div>  
              
              <div class="rightbox">
               <div cl class="fl newsimagesmall"><img src="PUBLIC_HOME/images/photo_76.png"></div>
               <div class="newstext">
                  <h1>庆贺拍摄三者广告圆满成功</h1>
                  <h2>2015-9-10</h2>
                  <p>三者的理念是团结合作，互帮互助，协同共进，缔造双赢。类似于三个臭木匠，赛过一个诸葛亮......</p>
               </div> 
               <div class="newsline"></div>
              </div>  
              <div class="rightbox">
               <div cl class="fl newsimagesmall"><img src="PUBLIC_HOME/images/photo_78.png"></div>
               <div class="newstext">
                  <h1>庆贺拍摄我愿意广告圆满成功</h1>
                  <h2>2015-9-1</h2>
                  <p>我愿意讲述的是三者之间的关系，面对生活的不顺与社会的不公，他们有难同当、有福同享。慢慢的，他们的关系由各自猜测变得开诚布公......</p>
               </div> 
               <div class="newsline"></div>
              </div>  
              <div class="rightbox">
               <div cl class="fl newsimagesmall"><img src="PUBLIC_HOME/images/photo_81.png"></div>
               <div class="newstext">
                  <h1>庆贺拍摄无缘广告圆满成功</h1>
                  <h2>2015-8-24</h2>
                  <p>无缘发布会的圆满结束，宣告着工作人员的辛苦付出获得了肯定，表达着只要大家携手共进，就算没有经验，一样可以克服困难，完成任务......</p>
               </div> 
               <div class="newslineother"></div>
              </div>  
          </div>                             
            
         </div>      
      </div>
  </div>
</div>               


<div class="service">
  <div class="newsbigbox overflowH">
      <div class="newspadding overflowH">
            <div class="fl"> 
              <div class="fl"> 
                <div class="smalllogo"><img src="PUBLIC_HOME/images/tubiao4.png"></div>
                <div class="busunesstext">服务流程</div>
                <ul class="servicetextsmall">
                <li>完善流程，贴心服务</li>
                <li>Improve processes, caningservice</li>
                </ul>
              </div>
             <div class="mare"><a href="cooperation.html" ><img src="PUBLIC_HOME/images/more.png"></a></div>
            </div>
            
            <div class=" servicebox fl">
             <a href="#"><img src="PUBLIC_HOME/images/yuan.png"></a>  
             <a href="#"> 初步沟通</a>                            
            </div>  
            <div class="serviceboxother fl">
             <a href="#"><img src="PUBLIC_HOME/images/yuan2.png"></a>  
             <a class="serviceboxotherfont"> 沟通合作</a>                  
            </div>  
            <div>
              <div class=" servicebox fl leftmaginother">
               <a href="#"><img src="PUBLIC_HOME/images/yuan.png"></a>  
               <a href="#"> 策划方案</a>                            
              </div>  
              <div class="serviceboxother fl">
               <a href="#"><img src="PUBLIC_HOME/images/yuan2.png"></a>  
               <a class="serviceboxotherfont"> 收集资料</a>                  
              </div>  
            </div>  
            <div>
              <div class=" servicebox fl leftmaginother">
               <a href="#"><img src="PUBLIC_HOME/images/yuan.png"></a>  
               <a href="#"> 项目案例</a>                            
              </div>  
              <div class="serviceboxother fl">
               <a href="#"><img src="PUBLIC_HOME/images/yuan2.png"></a>  
               <a class="serviceboxotherfont"> 样片初审</a>                  
              </div>  
            </div>  
            <div>
              <div class=" servicebox fl leftmaginother">
               <a href="#"><img src="PUBLIC_HOME/images/yuan.png"></a>  
               <a href="#"> 初稿修改</a>                            
              </div>  
              <div class="serviceboxother fl">
               <a href="#"><img src="PUBLIC_HOME/images/yuan2.png"></a>  
               <a class="serviceboxotherfont"> 交付成片</a>                  
              </div>  
            </div>  
            <div>
              <div class=" servicebox fl leftmaginother">
               <a href="#"><img src="PUBLIC_HOME/images/yuan.png"></a>  
               <a href="#"> 完成项目</a>                            
              </div>  
              <!--<div class="serviceboxother fl">
               <a href="#"><img src="PUBLIC_HOME/images/yuan2.png"></a>  
               <a class="serviceboxotherfont"> 沟通合作</a>                  
              </div>  -->
            </div>                              
            </div>       
      </div>
  </div>
</div>               

<div class="cooperation">
  <div class="newsbigbox overflowH">
      <div class="newspadding overflowH">
            <div class="fl"> 
              <div class="fl"> 
                <div class="smalllogo"><img src="PUBLIC_HOME/images/tubiao5.png"></div>
                <div class="busunesstext">合作伙伴</div>
                <ul class="cooperationtextsmall">
                <li>选择我们，成就你我</li>
                <li>Choose ue,you and me achievements</li>
                </ul>
              </div>
             <div class="mare"><a href="cooperation.html" ><img src="PUBLIC_HOME/images/more.png"></a></div>
            </div>
            <div class="cooperationboxtop">
                <div class="cooperationbox fl">
                  <div class="cooperationboximg">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_86.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_88.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_91.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_93.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_95.png"></a>                
                  </div>
                </div>
                 <div class="cooperationbox fl">
                  <div class="cooperationboximg">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_101.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_102.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_104.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_106.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_107.png"></a>                
                  </div>
                </div>
                  <div class="cooperationbox fl">
                  <div class="cooperationboximg">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_108.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_113.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_114.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_115.png"></a>                
                  </div>
                  <div class="cooperationboxother">
                    <a href="#"> <img src="PUBLIC_HOME/images/photo_116.png"></a>                
                  </div>
                </div>
                  
                </div>
          </div>    
            </div>     
      </div>
  </div>
</div>   

<div class="footer">
  <div class="footerbox overflowH">
  
      <div class="links">
        <h1>友情链接</h1>
        <h1>Links</h1>
      </div>
      <div class="linksa">
          <a href="#">CGHUB&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
          <a href="#">CGSOCIETY &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">VANGAVFX &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#"> MODUS &nbsp;&nbsp; |&nbsp;&nbsp; </a>
          <a href="#">HOUDINI &nbsp;&nbsp; |&nbsp;&nbsp;</a>
          <a href="#">     PIXOLOGIC &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#">     AUTODESK &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">     优酷&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">      VERYCD  新浪&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">     广州联雅网&nbsp;&nbsp;|&nbsp;&nbsp;</a>
          <a href="#"> 百度&nbsp;&nbsp;  |&nbsp;&nbsp;</a>  
          <a href="#"> 阿里巴巴&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
      </div>
      <div class="footerline"></div>
      <div class="links">
        <h1>联系我们</h1>
        <h1>Contact</h1>
      </div>
      <div class="linksa">
           <ul class="contactleft">
             <li>销售热线：4006-854-855</li>
             <li>VIP 专线：021-2955 6666</li>
             <li>  电子邮箱：18360296@pe168.com</li>
             <li>  公司地址：广州市天河区广州大道中900号501房之自编D07单位心区</li>
           </ul>
      </div>
      <div class="weixin"> <a href="#"><img src="PUBLIC_HOME/images/photo_123.png"></a></div> 
     
  </div> 
</div> 

<div class="copyright">
  <div class="copyrightbox">
    <div class="copyrighta"> Copyright&nbsp;&nbsp;&copy;&nbsp; 2009-2012 pe168.com 中国产品网版权所有</div>          
  </div>
</div> 
<div class="back"><img src="PUBLIC_HOME/images/back.png"></div>
 
<script>
/*导航*/ 
$(document).scroll(
	function(){
		if(toppos>10){
			$(".back").fadeIn();	
		}else if(toppos==0){
			$(".back").fadeOut();	
		}
	}
)
$(".back").click(
	function(){		 
		$("html,body").animate({scrollTop:0})
	}
)

$(".productbox").mouseenter(
                function(){
					$(this).animate({marginTop:1}).addClass("current1").siblings().removeClass("current1");} 
)        .mouseleave(
          function(){
			  $(this).animate({marginTop:20}).removeClass("current1");
					}             
)  
$(".productbox").mouseenter(
                function(){
					$(this).addClass("current1").siblings().removeClass("current1");} 
)        .mouseleave(
          function(){
			  $(this).removeClass("current1");
					}             
)  

var n =$(".fileimagebig").children().length; 
var n =$(".fileimageboxpadding").children().length;     
$(".fileimageboxpadding").children().eq(n).mouseenter(
                function(){
					$(".fileimagebig").children().eq(n).animate({opacity:1});
					}
) 

$(".newsimagebox img").hide().first().show();
$(".ctrl span").mouseenter(
                function(){
					$(this).addClass("current").siblings().removeClass("current");
					$(".newsimagebox img").hide().eq($(this).index()).show();
					}
)

$(".newstext h1").mouseenter(
                  function(){
					  $(this).addClass("current2").siblings().removeClass("current2");
					  }
)
</script>
</body>
</html>
